<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>函数</title>
</head>
<body>
    <input type="button" value="按钮" id="btn">
</body>
<script>
    /*
        函数：函数就是具备某个功能的代码块
            * 声明
                * 声明式
                    function 函数名() {}
                * 赋值式
                    var 变量名 = function() {}
            * 调用
                * 普通调用
                    sum();
                * 事件调用
                    元素.onclick = sum;
                    元素.onclick = function() { sum() }
            * 参数：为了函数更加的灵活，功能更强大
                * 实参：写在函数入口处
                * 形参:写在函数圆括号里面
            * 返回值
                * 让程序更强大
            * 声明提前
            * 作用域
    */

    //声明一个函数

    //声明式
    function sum() {
        console.log(123);
    }

    //赋值式
    var max = function() {
        console.log(666);
    }

    //普通调用:函数入口
    // sum();

    // max();

    //事件调用
    var btn = document.getElementById('btn');
    // btn.onclick = sum;
    btn.onclick = function() {
        sum();
    }


    //参数：比较两个数，取最大的那个数

    //low：只能比较固定的两个数字
    // function maxNum() {
    //     var a = 5;
    //     var b = 8;
    //     var max = a > b ? a : b;
    //     console.log('最大的数是：' + max);
    // }

    // maxNum();//函数的入口，调用


    //升级版:实参传给形参
    // function maxNum(num1, num2) {//形参：变量
    //     // var num1;
    //     // var  num2;
    //     var max = num1 > num2 ? num1 : num2;
    //     console.log('最大的数是：' + max);
    // }

    // //调用
    // maxNum(68,76);//实参：实际存在的数据：真数据

    //特殊情况：如果实参个数比形参个数多:多余的实参被丢掉
    // function maxNum(num1, num2) {//形参：变量
    //     var max = num1 > num2 ? num1 : num2;
    //     console.log('最大的数是：' + max);
    // }

    // //调用
    // maxNum(68,76,86);//实参：实际存在的数据：真数据

     //特殊情况：如果实参个数比形参个数少,多余的形参是undefined
    //  function maxNum(num1, num2, num3) {//形参：变量
    //     console.log(num1,num2,num3);//?
    //     var max = num1 > num2 ? num1 : num2;
    //     console.log('最大的数是：' + max);
    // }

    // //调用
    // maxNum(68,76);//实参：实际存在的数据：真数据


    //返回值
    function maxNum(num1, num2) {//形参：变量
        // var num1;
        // var  num2;
        var max = num1 > num2 ? num1 : num2;
        return max;//设置返回值
        // console.log('最大的数是：' + max)
    }

    //调用
    var result = maxNum(120,76);//调用这个函数，会有返回值，记得要用一个变量接收
    document.write('最大的数是:' + result);


</script>
</html>